<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ExtJS Template HTML</title>
	<!-- ExtJS的核心文件如下, 引用的文件先后顺序必须如下 -->
	<link rel="stylesheet" type="text/css" href="../resources/js/ext-3.3.1/resources/css/ext-all.css">
	<script type="text/javascript" src="../resources/js/ext-3.3.1/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../resources/js/ext-3.3.1/ext-all.js"></script>
	<script type="text/javascript" src="../resources/js/ext-3.3.1/locale/ext-lang-zh_CN.js"></script>
	<script type="text/javascript">
		// onReady 方法在页面完毕(onload方法被调用之前以及图像被装载之前)调用初始化函数(onReady)
		Ext.onReady(function(){
			var d = new Date();
			var time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
			//Ext.MessageBox.alert('报时', '现在时间是' + time);
			
			var button1 = new Ext.Button({
				text: '确定'
			});
			var button2 = new Ext.Button({
				text: '点击我'
			});
			var button3 = new Ext.Button({
				text: '取消'
			});
			var panel = new Ext.Panel({
				el: 'panel',
				title: 'Panel',
				pageX: 50,
				pageY: 50,
				width: 600,
				height: 600,
				border: true,
				buttonAlign: 'left',
				
				collapsible: true,
				draggable: true,
				floating: true,
				frame: true,
				html: '<br><br><label style="font-size: 20px">HTML</html>',
				iconCls: 'panel',
				
				buttons: [button1, button2],
				items: [button3, {xtype: 'field', style:'margin-top: 10px'}]
			});
		});
	</script>
</head>
<body>
	<label id='panel' ></label>
</body>
</html>